.InviteCode {
    display: flex;
    flex-direction: column;
    align-items: center;

    .InviteCode-p1 {
        font-size: 5.3333vw;
        font-weight: 800;
        color: rgba(180, 160, 123, 1);
        margin-top: 4.5333vw;
    }

    .InviteCode-p2 {
        font-size: 3.2vw;
        color: rgba(119, 119, 119, 1);
        margin-top: 3.2vw;
    }

    .InviteCode-d1 {
        flex-direction: column;
        width: 92vw;
        height: 80.5333vw;
        background: rgba(255, 255, 255, 1);
        border-radius: 8px;
        border: 1px solid rgba(206, 206, 206, 1);
        margin: 0 auto;
        margin-top: 4.5333vw;

        .InviteCode-d2 {
            display: flex;
            align-items: flex-end;
            justify-content: center;

            img {
                width: 29.3333vw;
                height: 9.0667vw;
                margin-right: 4.5333vw;
            }

            p {
                font-size: 5.0667vw;
                color: rgba(0, 0, 0, 1);
            }
        }

        .InviteCode-d3 {
            width: 78.6667vw;
            margin: 0 auto;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-top: 6.6667vw;

            .InviteCode-d3-i1 {
                width: 9.8667vw;
                height: 6.9333vw;
            }

            .InviteCode-d3-i2 {
                width: 9.8667vw;
                height: 6.9333vw;
                margin-bottom: auto;
            }

            .InviteCode-d4 {
                flex-direction: column;

                img {
                    width: 18.6667vw;
                    height: 18.6667vw;
                    margin-bottom: 5.8667vw;
                    border-radius: 100%
                }

                p {
                    font-size: 7.2vw;
                    font-weight: 800;
                    color: rgba(0, 0, 0, 1);
                }
            }
        }
    }
}